/*这里写跟html的元素有关的样式*/
html{
    font-size: 100px;
    -webkit-tap-highlight-color: transparent;
    @include user-select(none);
}
body {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}
.normal-body {
    position: static;
}
#root {
    height: 100%;
    background-color: #fff;
}
.mui-table-view-cell .mui-navigate-right>.mui-switch{
    right: .35rem;
}

/*
    提交按钮样式 默认是绿色的
    配合form-submit-btn 使用就好了
*/
input[type=submit]{
    color: #fff;
    border: 1px solid #2cc57b;
    background-color: #2cc57b;
    border-radius: 4px;
    font-size: .2rem;
}
input[type=submit]:enabled:active{
    color: inherit;
    background-color: #ccc;
}

//文本域
textarea{
    padding: .1rem .15rem;
}
::-webkit-input-placeholder{
    font-size: .152rem;
    color: #a9a9a9;
}
p{
    line-height: 1em;
    color: #222;
}

// 弹出层 by hjm
.alert-layout {
    display: none;
    position: relative;
    //top: 0;
    //left: 0;
    //right: 0;
    //bottom: 0;
    z-index: 10;

    &.this {
        display: block;

        .mask-layout {
            display: block;
        }
    }

    .alert-layout-main {
        position: absolute;
        bottom: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -webkit-border-radius: 0.02rem;
        margin-bottom: -1.05rem;
    }
}

.large-img-layer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    display: none;
    background-color: rgba(0, 0, 0, 0.95);

    &.this {
        display: block;
    }

    img {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate( -50%, -50%);
        width: 100%;
        height: auto;
    }

    .delete-icon {
        top: .1rem;
        right: .1rem;
        width: .4rem;
        height: .4rem;
    }
}

// 覆盖mui的样式 by hjm
.mui-scroll {
    min-height: 100%;
    background-color: #fff;
}

// 覆盖mui的confirm样式 by hjm
.mui-popup {
    width: 2.7rem;
    position: fixed;

    .mui-popup-inner {
        padding: 0.15rem;

        .mui-popup-title {
            font-size: 0.18rem;

            &+.mui-popup-text {
                font-size: 0.14rem;
                margin-top: 0.05rem;
            }
        }
    }
    .mui-popup-buttons {
        height: 0.44rem;

        .mui-popup-button {
            line-height: 0.44rem;
            font-size: 0.17rem;
            height: 0.44rem;
            padding: 0 0.05rem;
        }
    }
}

//.mui-pull-bottom-pocket {
//    position: fixed;
//    bottom: .2rem;
//}

//提高页面高度，使之在app里可以完整显示
.app-margin-bottom::after{
    content: '';
    display: block;
    width: 100%;
    height: .6rem;
    background: #fff;
}

@include border(top);
@include border(bottom);


